.bgeb
	background #ebebeb
	padding-top 10px
div[class*=-tab].header-tab
	line-height 30px
	color #fff
	background-color transparent
	border-radius 5px
	border 1px solid #fff
	overflow hidden
	center()
.header-btn
	display inline-block
	padding 5px 15px
	line-height 20px
	background-color $c-blue
	&.active
		background #fff
		color $c-blue
.report-menu,.report-sub-menu
	line-height 50px
	padding: 8px 15px
.report-menu.report-tab
	border-bottom 1px solid #ebebeb
	.report-item
		width:75px; 
		margin-right 15px
		background-color: #f4f4f4;
		border-radius: 4px;
		color: #666
		font-size: 1.3rem
		&:last-child
			margin-right 0
		&.active
			background-color: #ebf6ff;
			color: #38adff;
			border-bottom: none
.report-hr
	padding: 0
	margin: 0
.reportpage
	display: flex;
	flex-direction: column;
	height calc(100% - 60px)
.reportpage .list-item-title
	height 34px;
	line-height: 34px
.report-list
	background-color: #ffffff
	flex-grow: 1;
	margin-top: 20px;
	overflow: auto;
	padding-bottom: 50px;
.reportpage .menutype3 .noData
	background: url("../images/bgqbyd.png") center center no-repeat
	background-size: 85px 83px
	size(100%,170px)

.reportpage .menutype3 .noData::after
	content: "报告全部已读"
.report-unread
	display inline-block
	size(6px,6px)
	background-color: #ff0a01
	border-radius: 50%
	margin-right 6px;
.report-time
	vertical-align: middle
.reportpage .item-avtar
	size(34px,34px)
	margin-right: 10px;
	border-radius: 50%
.new-task-btn
	background-color: #fafafa
	color: #237ff2;
	box-shadow: inset 0px 1px 0px 0px #f5f5f5;
	.new-task-icon
		display: inline-block
		size(15px,17px)
		margin-right 10px
		background: url("../images/xbg.png") 0 0 no-repeat
		background-size: cover
		vertical-align:middle
input.radio,input.uncheck
	-webkit-appearance none
	background url("../images/icon_unchecked.png") 0 0 no-repeat
	background-size 100%
	size(30px,30px)
	vertical-align middle
	margin-right 5px
	&:checked
		background-image url("../images/icon_checked.png")
input.radio.persons
	size(30px,30px)
	margin-top 10px
	border-radius 50%
input.radio.persons:checked
		background-image none
		background-color #21BD3E
.report-list
	.list-item
		padding 12px 10px
.icon_edit,.icon_check
	text-indent 1.5em
	background url("../images/icon_edit1.png") 5px center no-repeat
	background-size 20px 20px
.icon_check
	background-image url("../images/icon_check.png")
.commentdirective
	position :relative
	.comment-header
		.submit
			padding 0 15px
	.reply-wapper
		position absolute
		right 0
		top: 0
	select
		opacity 0
		height 30px
		width 100%
	.reply
		position absolute
		z-index 999
		right 10px
		top 7px
		pointer-events: none;
	textarea
		width 100%
		height 36px
		border 1px solid #ccc
		border-radius 5px
	.file-list
		background-color:#fafafa
		li
			float left
			width: 14.6%
			margin: 0 1%
			position relative
			img
				width: 100%
			.comment-file-btn
				background: url("../images/delete.png") 0 0 no-repeat 
				position: absolute;
				top: -5px;
				right: -5px;
				background-size: 15px 15px;
				width: 15px;
				height: 15px;
				z-index: 999;

.report-textarea
		width 100%
		height 70px
		border 1px solid #ccc
		border-radius 5px
.checked-list
	li
		background #fff
		padding 0 20px
		border-bottom 1px solid #ebebeb
		img
			vertical-align middle
			width 20px
			margin-right 5px
		.haschecked
			color $c-red
		.hasseen
			color $c-succ
.date-item
	color #666
	padding 10px 20px
	border-bottom 1px solid #ebebeb
	.date-item-icon
		.date-wrapper
			border-radius 50%
			border 1px solid #ebebeb
			size(70px,70px)
			padding 15px 0
			.days
				display inline-block
				text-indent 20px
.people-list
	.list-item
		padding 10px 20px
		&.selected
			input
				background-image url("../images/icon_checked.png")
	.radio
		size(70px,50px)
		background-size 30px
		background-position right center
		&:disabled
			color #f00
.bg-avtar.item-avtar
	size(70px,70px)
	line-height 70px
.item-avtar
	overflow hidden
	border-radius 50%
	background #728DCA
	border 1px solid #ebebeb
	display inline-block
	color #fff
	size(50px,50px)
	font-size 1.4rem
	position relative
	img
		width 100%
		height 100%
		z-index 100
		position absolute
		left 0
		top 0
		border-radius: 50%
.item-avtar.sm
	size(30px,30px)
	line-height: 30px;
.item-avtar.md
	size(45px,45px)
	line-height: 45px
.joinpeople-list
	.joinpeople-wrapper
		border 1px dashed $c8c
		border-radius 5px
		padding 12px
		clearfix()
	.icon_addpic
		size(60px,60px)
	.joinpeople-item
		float left
		padding 0 5px
		width 25%
		min-height 78px
		position relative
		vertical-align top
		bBox()
		.icon_del1
			background url("../images/icon_del2.png") right 0 no-repeat
			position absolute
			top -5px
			right 10%
			text-indent -99em
			size(20px,20px)
			z-index 999
			background-size 20px !important
.person-index
	position absolute
	right: 16px
	top: 0
.rel
	position relative
.concat-list
	div
		border-left 1px solid #ddd
		&:first-child
			border-left none
.prevOrnext
	center()
	position: fixed
	.report-pre,.report-next
		size(44px,44px)
		background: rgba(37, 37, 37, 0.2) url("../images/left.png") center center no-repeat;
		background-size: 11px 18px
		border-radius: 50%
		margin-left: 12px;
		float :left
	.report-next
		background-image: url("../images/right.png")
		float:right
		margin-right: 12px;
.comment-list
	.item-avtar
		size(43px,43px)
		line-height: 43px;
	.list-item.list-item-textarea
		.c9
			padding 0
	div[file-list]
		margin-top 0
		.file-label
			padding-left: 0
			padding-right: 0
		.file-list
			padding: 0
.remind-btn
	background-color $c-blue
.revoke-btn
	background-color #ff7640
// 工作任务
.task-list
	.list-item
		padding 0 10px
		&>.w20,&>.w80
			padding 5px 0
		&.done
			border none
			background-color #fafafa
			.done-avtar
				background url("../images/task-done.png");
				background-size 100%
			&>.w80
				border-bottom 1px solid #ebebeb
.task-detail
	.userinfo
		padding 10px 12px
	.task-detail-content
		color #9a9a9a
		padding-bottom 10px
		position: relative;
		.icon_enter
			background-position: right 50px;
			position: absolute;
			right: 10px;
			top: 0;
			width: 100%;
			height: 110px;
		.task-status
			position absolute
			top 10px
			right 20px
			width 79px
			height 49px
			background #000
			&.done
				background url("../images/task-done2.png") 0 0 no-repeat;
				background-size 100%
.comment-menu
	background #fff
	.tab
		display inline-block
		padding 0 20px
		position relative
		&:after
			content:"|"
			position absolute
			right 0
			top 0
		&:last-child
			&:after
				content:""
		&.active
			p
				color #000
				border-bottom 2px solid $c-blue
.task-comment-update
	.avtar
		padding 10px 0
		width 12%
	.comment-content
		padding 15px 0
		width 86%
		div[file-list]
			margin-top 0
			.file-label
				padding-left: 0
				padding-right: 0
			.file-list
				padding: 0
.footer-withhr
	.hr
		center()
		height 30px
		width 1px
		background #ebebeb
	img
		vertical-align middle
		margin-right 10px
		width 26px
.task-setting,.new-task
	.list
		.list-item
			padding 10px 24px 10px 12px
			&.leader-name
				border-top 1px solid #ebebeb
	.icon_enter
		background-position 98% center
	.task-setting-content
		max-height 60px
		overflow hidden
.joinpeople-list.md
	background #fff
	padding 10px 0
	.joinpeople-item
		min-height 45px
		width 20%
		.name
			color #ff9d3f
.bdt
	border-top 1px solid #bfbfbf
.edit-content
	textarea
		width 100%
		height 100px
.new-task
	.list-item-textarea
		padding-bottom 10px
	.joinpeople-list
		padding 10px 0
		.joinpeople-item
			min-height 60px
	.date
		display block
		width 90%
		height 42px
.report-delete-btn
	line-height 50px
	text-align: center
.flow-comment
	.comment-btn-wrapper
		padding 5px 0
.icon-new-task,.report-edit,.report-delete,.BgRwsearch,.BgRwsearch2,.kq-gl,.calender,.wdzj
	background-size: 50%
	background-position: center;
	background-repeat: no-repeat;
	size(30px,30px)
	display: inline-block
	vertical-align: middle
.icon-new-task
	background-image: url("../images/new-task.png")
.report-edit
	background-image: url("../images/report-edit.png")
	height 34px
.report-delete
		background-image: url("../images/sc.png")
.BgRwsearch
	background-image: url("../images/sx.png")
	size(30px ,27px)
.BgRwsearch2
	background-image: url("../images/BgRwsearch2.png")
	size(24px ,26px)
.kq-gl
	background-image: url("../images/kq-gl.png")
	size(15px ,17px)
	background-size: 100%
.calender
	background-image: url("../images/calender.png")
	size(22px ,22px)
.wdzj
	background-image: url("../images/wdzj.png")
	size(16px ,22px)
.task-pickcer
	top: 0
	width: 100%
	transform:translate(-50%,0)
	border-radius: 0
	.list-item
		line-height: 44px;
		.picker-label
			padding-left:10px;
			background: none
			border-right: none
			width: 25%
		&:first-child
			.picker-label,.picker-value
				border: none 
		.picker-value
			padding-right:10px;
			width :75%
		input::-webkit-input-placeholder
			font-size: 1.3rem;
	.pickceritem-btn
		padding: 8px 15px;
		line-height: 44px;
		div
			border-radius: 4px;
		.confirm
			margin-right: 15px;
		.cancel
			background-color: #fff
			color: #575757
.task-indicator-icon
	position: absolute
	top: 14px
	right 20px
	background: url("../images/more.png") 0 0 no-repeat
	background-size: 6px 10px
	size(12px,20px)


.reportdetail
	display: flex;
	flex-direction: column;
	.content
		background-color: #fff
		overflow-y: scroll;
		flex-grow: 1;
	.userinfo
		.item-avtar
			margin-right: 12px
		.read-btn
			position: absolute
			right :12px
			top: 16px
			width: 64px
			line-height 28px
			font-size: 13px
			color: $c-blue
			border-radius: 4px
			border: 1px solid $c-blue;
			text-align: center
	.section-hr
		background-color: #f5f5f5
		height 10px
	.report-part
		padding: 10px 12px
	.report-title
		color: #191f25
		font-weight:bold
	.report-section
		margin-top 10px;
	.report-label
		color: #191f25
		font-weight:bold
	.report-value
		color: #595d62;
	.joinpeople-wrapper
		border: none
		padding: 10px 0
		.joinpeople-item
			width 20%
	div[checkuser-define]
		line-height: 30px;
		.w40
			color: #191f25
		.w60
			color: #595d62
	.comment-item
		padding: 10px 0
		.comment-content
			padding: 7px 0
		.item-avtar
			margin-right: 12px;
	.report-followList
		border-top: 1px solid #f5f5f5
.commentdirective
	background-color: #f5f5f5;	
	.comment-content
		padding: 10px
		&>div
			display: inline-block
			vertical-align: middle
			margin-right :10px
		.addpic-btn
			size(28px,28px)
			background-image: url("../images/img.png")
			background-size: 28px 28px
			background-position:center center
		.comment-input
			width: 64%
			height 36px;
			border: 1px solid #ccc
			border-radius: 5px
			background-color: #fff
			overflow:hidden
			position:relative
			textarea
				padding: 5px
				border: none
				width: 90%
				&::-webkit-input-placeholder
					line-height: 25px
		.submit
			width: 68px
			line-height :36px
			margin-right:0
	hr
		border-top-style: dashed
	.joinpeople-list
		background-color: #fafafa
		overflow hidden
		.joinpeople-item
			width: 16.6%
			height 60px
			min-height 60px
			.icon_del1
				position absolute
				top 0
				right 0
				text-indent: -99em

.newreport
	.list-item
		display: block
		height 44px
		overflow hidden
		margin-top 10px
		line-height 40px
		&.list-item-textarea
			height 95px
		&.icon_more
			background:#fff url("../images/more.png") 96% center no-repeat
			background-size: 6px 10px
		.item-label,.flow-content
			float left
		.item-label
			width 35%
		.flow-content
			width: 65%
			height 100%
			select
				width: 100%
		textarea
			padding: 5px
			line-height: 20px
			width 100%
			height 100%
	div.list-item[file-upload]
		height auto
		overflow: auto
		.item-label
			float none
	.notice-item .flow-content
		float: right
		text-align: right 
	.item-userDefined
		margin-top 10px
	.joinpeople-list
		background-color: #fff
		.joinpeople-wrapper
			border: none
			padding: 0 12px
			.joinpeople-item
				size(55px,45px)
				margin-right: 10px
				.item-avtar
					size(45px,45px)
				img
					width: 100%
